/*
This CSS file defines the layout for LoginPage.html. Specify colors as hex unless it's black or
white for cross-browser compatibility. Explicitly specify padding and margins for the divs
in order for cross-browser compatibility with IE 7, and use a number instead of percents
whenever possible.
*/

/* sets the position and style of the form container */
#formcontainer {
  border: 1px #7f7f7f solid;
  background-color: #ebb8bb;
  padding: 10px;
  float: left;
  margin-right: 15px;
  text-align: center;
}

/* compatibility fix for IE 7, removes spacing below login and clear buttons */
#formcontainer form {
  text-align: right;
}

/* removes bullet before e-mail and password and fixes spacing for IE 7 */
#formcontainer ul {
  list-style-type: none;
}

/* add spacing between e-mail and password textboxes */
#formcontainer li {
  padding-bottom: 5px;
}

/* shift buttons slightly left so they're centered with the text boxes */
#formcontainer #loginbuttons {
  padding-top: 5px;
  padding-right: 15px;
}

/* centers the login feedback message */
#formcontainer #loginerrormessage {
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  padding-top: 5px;
}

#formcontainer #loginerrormessage span {
  line-height: 80%;
}

#maincontentcontainer {
  margin-top: 20px;
}

/* puts the features textbox below the login form and main text */
#maintextcontainer #featurestext {
  clear: both;
  padding-top: 5px;
  padding-left: 20px;
}

/* aligns the list with the features header text */
#maintextcontainer #featurestext ul {
  padding-left: 20px;
}

/* sets the style for the features header text */
#maintextcontainer .header {
  font-size: 1.2em;
}
